<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>常用联系人</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!------------核心样式-------------->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user.css">
</head>
<body>

<!-------------------版头------------------->
<div id="header">
    <div class="cw1000">
        <!-------------------logo------------------->
		<div  class="logo">枫游</div>
		<!-------------------导航------------------->
		<div class="nav">
			<ul>
				<li><div style="font-size: 20px"><span>|</span>
					设置_常用联系人
				</div></li>
				<li><span>|</span><a title="" href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
				<div class="clear"></div>
			</ul>
		</div>
		<!-------------------用户------------------->
		<div class="user">
			<a class="user-hd" href="${pageContext.request.contextPath}/#">
				<img src="${pageContext.request.contextPath}/images/user_head_pic.jpg"/><b></b>
				<div class="clear"></div>
			</a>
			<div class="user-bd">
				<div class="integral"><img src="${pageContext.request.contextPath}/images/integral_ico.png"/>当前积分 609</div>
				<ul class="nav_sort">
					<li><a href="${pageContext.request.contextPath}/shop_car.jsp"><i class="i1"></i>购物车</a></li>
					<li><a href="${pageContext.request.contextPath}/message.jsp"><i class="i2"></i>写游记</a></li>
					<li><a href="${pageContext.request.contextPath}/my_note.jsp"><i class="i9"></i>我的游记</a></li>
					<li><a href="${pageContext.request.contextPath}/collection_list.jsp"><i class="i3"></i>我的收藏</a></li>
					<li><a href="${pageContext.request.contextPath}/project_order.jsp"><i class="i4"></i>商品订单</a></li>
					<li><a href="${pageContext.request.contextPath}/scenic_order.jsp"><i class="i5"></i>旅游订单</a></li>
					<li><a href="${pageContext.request.contextPath}/note_comments.jsp"><i class="i6"></i>我的评论</a></li>
					<li><a href="${pageContext.request.contextPath}/my_info.jsp"><i class="i7"></i>设置</a></li>
					<li><a href="#"><i class="i8"></i>退出</a></li>
				</ul>
			</div>
		</div>
        <div class="clear"></div>
    </div>
</div>
<!-----------------用户banner---------------->
<div id="user_banner">
	<div class="pic">
		<a href="${pageContext.request.contextPath}/my_head.jsp">
			<img src="${pageContext.request.contextPath}/images/user_head_pic.jpg"/>
			<div>更换头像</div>
		</a>
	</div>
	<div class="con">
		<h2>Alpha</h2>
		<p>人生旅程，不同的是沿途风景以及看风景的心情</p>
	</div>
</div>
<!-----------------快捷导航---------------->
<div id="quick_nav">
	<a href="${pageContext.request.contextPath}/shop_car.jsp"><span class="ico1"><img src="${pageContext.request.contextPath}/images/nav_ico1.png"/></span>购物车</a>
	<a href="${pageContext.request.contextPath}/message.jsp"><span class="ico2"><img src="${pageContext.request.contextPath}/images/nav_ico2.png"/></span>发布游记</a>
	<a href="${pageContext.request.contextPath}/my_note.jsp"><span class="ico7"><img src="${pageContext.request.contextPath}/images/nav_ico7.png"/></span>我的游记</a>
	<a href="${pageContext.request.contextPath}/collection_list.jsp"><span class="ico3"><img src="${pageContext.request.contextPath}/images/nav_ico3.png"/></span>我的收藏</a>
	<a href="${pageContext.request.contextPath}/project_order.jsp"><span class="ico4"><img src="${pageContext.request.contextPath}/images/nav_ico4.png"/></span>商品订单</a>
	<a href="${pageContext.request.contextPath}/scenic_order.jsp"><span class="ico5"><img src="${pageContext.request.contextPath}/images/nav_ico5.png"/></span>旅游订单</a>
	<a href="${pageContext.request.contextPath}/note_comments.jsp"><span class="ico6"><img src="${pageContext.request.contextPath}/images/nav_ico6.png"/></span>我的评论</a>
</div>
<!-----------------框架---------------->
<div class="cw1000">
	<div class="w280 fl">
		<div class="public_box">
			<!-----------------设置导航---------------->
			<div id="set_nav">
				<ul>
					<li><a href="${pageContext.request.contextPath}/my_info.jsp"><i class="ico1"></i>我的信息</a></li>
					<li><a href="${pageContext.request.contextPath}/my_head.jsp"><i class="ico2"></i>我的头像</a></li>
					<li><a class="cur" href="${pageContext.request.contextPath}/my_contact.jsp"><i class="ico3"></i>常用联系人</a></li>
					<li><a href="${pageContext.request.contextPath}/security.jsp"><i class="ico4"></i>修改密码</a></li>
				</ul>
			</div>
		</div>	
	</div>
	<div class="w700 fr">
		<div class="public_box">
			<!-----------------常用联系人---------------->
			<div id="set_box">
				<div class="title"><h2>常用联系人</h2></div>
				<table class="table_list">
					<tr>
						<th>姓名：</th>
						<td><input class="text" type="text" value="Alpha"/></td>
					</tr>
					<tr>
						<th>所在地区：</th>
						<td>
							<select>
								<option value="">河南</option>
								<option value="">广西</option>
								<option value="">吉林</option>
								<option value="">广东</option>
							</select>
							<select>
								<option value="">洛阳</option>
								<option value="">郑州</option>
								<option value="">西安</option>
								<option value="">南阳</option>
							</select>
						</td>
					</tr>
					<tr>
						<th>详细地址：</th>
						<td><textarea></textarea></td>
					</tr>
					<tr>
						<th>手机号码：</th>
						<td><input class="text" type="text" /></td>
					</tr>
					<tr>
						<th>邮政编码：</th>
						<td><input class="text" type="text" /></td>
					</tr>
					<tr>
						<td colspan="2">
							<label class="am-checkbox">
								<input type="checkbox" id="checkbox_a1" class="chk_1" /> 
								<label for="checkbox_a1"></label> 设置为默认
							</label>
						</td>
					</tr>
				</table>
				<div class="operation"><input type="submit" class="save" value="保存" /></div>
				<!-----------------联系列表---------------->
				<ul class="address">
					<li class="title">已保存2条地址，还能保存8条</li>
					<li>
						<div>
							<div class="dt">联系人：</div>
							<div class="dd">撒旦撒</div>
							<div class="clear"></div>
						</div>
						<div>
							<div class="dt">详细地址：</div>
							<div class="dd">
								<p>澳门特别行政区 路氹城 </p>
								<p>澳门特别行政区路氹城三顿饭都是富商大贾第三方</p>
							</div>
							<div class="clear"></div>
						</div>
						<div>
							<div class="dt">邮政编码：</div>
							<div class="dd">471000</div>
							<div class="clear"></div>
						</div>
						<div>
							<div class="dt">手机号码：</div>
							<div class="dd">13721656520</div>
							<div class="clear"></div>
						</div>
						<div class="i-first">默认地址</div>
							<div class="btns">
							<a href="javascript:;" data-id="183590" class="modifyThis">修改</a> / <a href="javascript:;" data-id="183590" class="delThis">删除</a>
						</div>
					</li>
					<li>
						<div>
							<div class="dt">联系人：</div>
							<div class="dd">三顿饭都是但是速度复式的</div>
							<div class="clear"></div>
						</div>
						<div>
							<div class="dt">详细地址：</div>
							<div class="dd">
								<p>澳门特别行政区 路氹城 </p>
								<p>澳门特别行政区路氹城似懂非懂双方的首发但是</p>
							</div>
							<div class="clear"></div>
						</div>
						<div>
							<div class="dt">邮政编码：</div>
							<div class="dd">471000</div>
							<div class="clear"></div>
						</div>
						<div>
							<div class="dt">手机号码：</div>
							<div class="dd">15670382580</div>
							<div class="clear"></div>
						</div>
						<div class="i-first"><a style="text-decoration:none;" href="javascript:;" data-id="183593" class="setThisDefault">设为默认地址</a></div>
						<div class="btns">
							<a href="javascript:;" data-id="183593" class="modifyThis">修改</a> / <a href="javascript:;" data-id="183593" class="delThis">删除</a>
						</div>
					</li>
                </ul>
			</div>
		</div>	
	</div>
	<div class="clear"></div>
</div>
<!-----------------版底---------------->
<div id="footer">
	<p>枫游文化旅游发展有限公司 版权所有</p>
	<p>Copyright 2016 zgqygc.com All Rights Reserved | 豫ICP备10000000号　技术支持：闪迅</p>
</div>
</body>
</html>